summaryrefslogtreecommitdiff
path: root/app/[lng]/test/table-v2/page.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'app/[lng]/test/table-v2/page.tsx')
-rw-r--r--app/[lng]/test/table-v2/page.tsx11
1 files changed, 9 insertions, 2 deletions
diff --git a/app/[lng]/test/table-v2/page.tsx b/app/[lng]/test/table-v2/page.tsx
index e7fb5bdd..65c0ee1d 100644
--- a/app/[lng]/test/table-v2/page.tsx
+++ b/app/[lng]/test/table-v2/page.tsx
@@ -99,6 +99,8 @@ function ClientSideTable() {
enablePagination
enableGrouping
height="100%"
+ enableUserPreset={true}
+ tableKey="test-table-v2-pattern1"
/>
</div>
</LoadingOverlay>
@@ -188,6 +190,8 @@ function FactoryServiceTable() {
onColumnFiltersChange={setColumnFilters}
globalFilter={globalFilter}
onGlobalFilterChange={setGlobalFilter}
+ enableUserPreset={true}
+ tableKey="test-table-v2-pattern-2-A"
/>
</div>
</LoadingOverlay>
@@ -208,6 +212,7 @@ function ServerGroupingTable() {
const [isGrouped, setIsGrouped] = React.useState(false);
const [isLoading, setIsLoading] = React.useState(true);
const [totalRows, setTotalRows] = React.useState(0);
+ const [sorting, setSorting] = React.useState<SortingState>([]);
const [pagination, setPagination] = React.useState<PaginationState>({
pageIndex: 0,
@@ -220,7 +225,7 @@ function ServerGroupingTable() {
setIsLoading(true);
try {
const result = await getProductTableDataWithGrouping(
- { pagination, grouping },
+ { pagination, grouping, sorting },
expandedGroups
);
@@ -242,7 +247,7 @@ function ServerGroupingTable() {
};
fetchData();
- }, [pagination, grouping, expandedGroups]);
+ }, [pagination, grouping, sorting, expandedGroups]);
// 그룹 토글
const toggleGroup = (groupKey: string) => {
@@ -374,6 +379,8 @@ function ServerGroupingTable() {
height="400px"
pagination={pagination}
onPaginationChange={setPagination}
+ sorting={sorting}
+ onSortingChange={setSorting}
// 그룹핑 상태 연결
grouping={grouping}
onGroupingChange={handleGroupingChange}